import React from 'react';
import Svg, {G, Path, Defs, ClipPath, Rect} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {
  size: string;
  fill?: string; // 渐变开始颜色
} & BasicsProps;

const UserAgreementIcon = ({size,fill = '#333333'}:Props) => {
  return (
    <Svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none">
      <G
        id="&#231;&#148;&#168;&#230;&#136;&#183;&#229;&#141;&#143;&#232;&#174;&#174;"
        clip-path="url(#clip0_36_560)">
        <Path
          id="Vector"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M11.7227 13.1388C12.1203 13.1388 12.4427 13.4746 12.4427 13.8888V16.5168C12.4427 16.931 12.1203 17.2668 11.7227 17.2668C11.3251 17.2668 11.0027 16.931 11.0027 16.5168V13.8888C11.0027 13.4746 11.3251 13.1388 11.7227 13.1388Z"
          fill={fill}
        />
        <Path
          id="Vector_2"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M2.36947 11.0476C2.59751 10.7083 3.04645 10.6257 3.37221 10.8633L3.38353 10.8715C5.58042 12.2764 8.50129 13.1417 11.7184 13.1417C14.9334 13.1417 17.8608 12.2775 20.058 10.8746L20.0638 10.8702C20.3858 10.6273 20.836 10.7023 21.0692 11.0378C21.3024 11.3733 21.2304 11.8422 20.9084 12.0851L20.8805 12.1061C20.866 12.1171 20.851 12.1275 20.8359 12.1373C18.3852 13.7098 15.1816 14.6417 11.7184 14.6417C8.25478 14.6417 5.05982 13.7096 2.61038 12.1372C2.59843 12.1295 2.58671 12.1215 2.57523 12.1131L2.54643 12.0921C2.22066 11.8546 2.14144 11.3869 2.36947 11.0476Z"
          fill={fill}
        />
        <Path
          id="Vector_3"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M5.2934 7.50226C4.14909 8.56382 3.60016 10.3338 3.60016 13.3507C3.60016 16.3676 4.14909 18.1375 5.2934 19.1991C6.46305 20.2841 8.43365 20.8037 11.7227 20.8037C15.0123 20.8037 16.9829 20.2841 18.1524 19.1991C19.2966 18.1376 19.8452 16.3677 19.8452 13.3507C19.8452 10.3337 19.2966 8.56377 18.1524 7.50224C16.9829 6.41723 15.0123 5.89767 11.7227 5.89767C8.43365 5.89767 6.46305 6.41722 5.2934 7.50226ZM4.33572 6.38208C5.92943 4.90363 8.38011 4.39767 11.7227 4.39767C15.0658 4.39767 17.5165 4.90362 19.1101 6.38211C20.729 7.88408 21.2852 10.2157 21.2852 13.3507C21.2852 16.4857 20.729 18.8173 19.1101 20.3192C17.5165 21.7977 15.0658 22.3037 11.7227 22.3037C8.38011 22.3037 5.92943 21.7977 4.33572 20.3193C2.71667 18.8173 2.16016 16.4858 2.16016 13.3507C2.16016 10.2156 2.71667 7.88404 4.33572 6.38208Z"
          fill={fill}
        />
        <Path
          id="Vector_4"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M7.87085 4.73929C7.87085 3.13726 9.00989 1.70029 10.5684 1.70029H12.8772C14.4358 1.70029 15.5748 3.13726 15.5748 4.73929V5.36929C15.5748 5.7835 15.2525 6.11929 14.8548 6.11929C14.4572 6.11929 14.1348 5.7835 14.1348 5.36929V4.73929C14.1348 3.81332 13.5017 3.20029 12.8772 3.20029H10.5684C9.94394 3.20029 9.31085 3.81332 9.31085 4.73929V5.36929C9.31085 5.7835 8.98849 6.11929 8.59085 6.11929C8.19321 6.11929 7.87085 5.7835 7.87085 5.36929V4.73929Z"
          fill={fill}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_36_560">
          <Rect width="24" height="24" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};


export default UserAgreementIcon;
